<template>
  <div class="container">
    <PageHeader />
    <Menu />
    <div class="product w">
    <Preview />
    <Info class="info"/>
    <ShopInfo />
    </div>
  </div>
</template>

<script>
import PageHeader from '@/mall/views/components/PageHeader'
import Menu from '@/mall/views/components/Menu'
import Preview from '@/mall/views/Detail/components/Preview'
import Info from '@/mall/views/Detail/components/Info'
import ShopInfo from '@/mall/views/Detail/components/ShopInfo'
  export default {
    name: 'Detail',
    components: {
    PageHeader,
    Menu,
    Preview,
    Info,
    ShopInfo
  },
    data() {
      return {
        prices1:'',
        prices2:'',
        checkList:[],
        currentPage3: 5,
      };
    },
    created() {},
    methods: {
      handleSizeChange(val) {
        console.log(`每页 ${val} 条`);
      },
      handleCurrentChange(val) {
        console.log(`当前页: ${val}`);
      }
    }, 
  };
</script>
<style lang="scss" scoped>
.w{
   width: 1200px;
  margin:10px auto;
}
.product{
  display:flex;
  // border:1px solid #ccc;
  padding: 15px;
  background:#fff;
  .info{
    // width: 500px;
    margin:0 10px;
  }
}
</style>